<template>
  <div>
    <div style="position:relative;">
      <div :style="{height:n_he+n_top+'px'}">
        <img
          src="https://ccdn.goodq.top/caches/628d236aceaa012698bd7fe4b8dc188c/aHR0cDovLzU4NzQ1YTE5NzJjNmYudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxNy8wNC9iZWI2ZDU4NGQ1M2E4ZDliNGY1MjU1M2ZkMTE3Mjk3NC05MC53ZWJw.webp"
          style="width:100%;"
        />
      </div>
      <div
        style="width:100%; height:100%;background:rgba(0,0,0,.3);position:absolute; left:0;top:0; padding-top:150px;box-sizing: border-box;"
      >
        <h2 style="font-size:48px;color:#fff; padding-top:38px;text-align:center;">联系我们</h2>
        <p style="font-size:18px; color:#fff; padding:22px 0px;text-align:center;">CONTACT US</p>
        <div style="background:#fff; width:100%;padding-top:80px;" ref="adc">
          <div style="width:80%;margin:auto; overflow: hidden;padding-bottom:50px;">
            <div style="width:70%;float:left;">
                <div style="height:300px;" id="allmap"></div>
            </div>
            <div
              style="width:30%;float:right; padding:0px 0px 0px 20px; box-sizing: border-box"
              class="bj"
            >
              <p>联系方式 / contact</p>
              <ul>
                <li>电话：800-0885-460</li>
                <li>网址：www.qifeiye.com</li>
                <li>邮箱：info@email.com</li>
                <li>地址：苏州市工业园区东方之门</li>
                <li></li>
                <li></li>
              </ul>
              <p>营业时间 / business hours</p>
              <ul>
                <li>周一~周五</li>
                <li>上午：10:00-14:00</li>
                <li>下午：15:00-20:00</li>
                <li>周六~周日</li>
                <li>上午：08:00-14:00</li>
                <li>下午：15:00-19:00</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      n_he: "",
      n_top: ""
    };
  },
  mounted() {
    // this.$nextTick(() => {
    this.n_he = this.$refs.adc.offsetHeight;
    this.n_top = this.$refs.adc.offsetTop;
    //   console.log(this.$refs.sa)
    // });
  }
};
</script>


<style>
.bj > p {
  padding: 20px 0px;
}
.bj > ul > li {
  list-style: none;
}
</style>